<template>
    <el-dialog
        :modal="false"
        :modal-append-to-body="false"
        :title="item.title"
        :visible="item.display !== false"
        :show-close="false"
        width="500px"
    >
        <div v-html="item.content"/>
        <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="itemClick">确 定</el-button>
        </span>
    </el-dialog>
</template>
<script>
export default {
    name: 'win-item',
    props: ['item'],
    methods: {
        itemClick() {
            this.$emit('itemClick', this.item)
            this.$emit('itemClose', this.item)
        }
    }
}
</script>

